<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <nav>
        <div class="w">
            <ul class="list">
                <li class="current"><a href="#">首页</a></li>
                <li><a href="#">新加坡</a></li>
                <li><a href="#">留学</a></li>
                <li><a href="#">寄宿家庭</a></li>
                <li><a href="#">咨讯中心</a></li>
                <li><a href="#">培训课程</a></li>
                <li><a href="#">56服务</a></li>
                <li><a href="#">学校大全</a></li>
            </ul>
            <div class="search_box">
                <input type="text" placeholder="请输入搜索关键词">
                <i></i>
            </div>
        </div>
    </nav>
    <header>
        <div class="w">
            <a href="#"><img src="images/Logo.png" alt=""></a>
            <div class="fr">
                <span class="big"><img src="images/phone.png" alt="">24小时免费咨询</span>
                <span class="s"><img src="images/china.png" alt="">4008-123-123</span>
                <span class="s"><img src="images/新加坡.png" alt="">0065-123-321</span>
            </div>
        </div>
    </header>
    <section class="professional_analysis w">
        <div class="w clearfix">
            <span class="title">专家解析</span>
            <ul class="list">
                <li><a href="#">读中小学</a></li>
                <li><a href="#">国际小学</a></li>
                <li><a href="#">国际初级学院/高中</a></li>
                <li><a href="#">理工学院/工艺教育学院/私立教育机构</a></li>
                <li><a href="#">读本科</a></li>
                <li><a href="#">读硕士</a></li>
            </ul>
            <a class="r_btn" href="#">开启自助选校/专业服务<i></i></a>
        </div>
    </section>
    <section class="introduce">
        <div class="w clearfix">
            <div class="fl">
                <span class="title">流程全透明</span>
                <ul>
                    <li>
                        <div class="imgbox"><img src="images/icon3.png" alt=""></div>
                        <div class="txt">特色留学 之路定制</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/icon4.png" alt=""></div>
                        <div class="txt">留学前期 准备指南</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/icon5.png" alt=""></div>
                        <div class="txt">留学各项 费用大全</div>
                    </li>
                    <li>
                        <div class="imgbox"> <img src="images/icon6.png" alt=""></div>
                        <div class="txt">留学相关 课程推荐</div>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <span class="title">多所高校授权</span>
                <ul>
                    <li>
                        <div class="imgbox"><img src="images/i2.png" alt=""></div>
                        <div class="b">品质</div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/i3.png" alt=""></div>
                        <div class="b">专业</div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                    <li>
                        <div class="imgbox"><img src="images/i4.png" alt=""></div>
                        <div class="b">权威 </div>
                        <div class="intro">专注于新加坡留学</div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section class="breadcrumb w">
        <a href="#">首页</a><i>/</i><a href="#">专家解析</a><i>/</i><a href="#">中小学</a>
    </section>
    <section class="plate_A">
        <div class="a1 w clearfix">
            <div class="fl">
                <div class="analysis">
                    <div class="title">专家解析</div>
                    <ul class="list">
                        <li><a href="#">中小学</a></li>
                        <li><a href="#">国际学校</a></li>
                        <li><a href="#">初级学院/高中</a></li>
                        <li><a href="#">理工学院/私立教育学院/私立教育机构  </a></li>
                        <li><a href="#">本科</a></li>
                        <li><a href="#">硕士</a></li>
                    </ul>
                </div>
                <div class="popular_courses">
                    <div class="common_top">
                        <span>热门课程</span>
                        <div class="fr">
                        </div>
                    </div>
                    <ul class="list">
                        <li>
                            <a href="#"><img src="" alt="">
                                <div class="title">新加坡AEIS小班课程</div>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="" alt="">
                                <div class="title">新加坡AEIS小班课程</div>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="" alt="">
                                <div class="title">新加坡AEIS小班课程</div>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="" alt="">
                                <div class="title">新加坡AEIS小班课程</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="contact_us">
                    <div class="common_top">
                        <span>联系我们</span>
                        <div class="fr">
                        </div>
                    </div>
                    <div class="contact_carousel">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">(+86-25)8652 1529</li>
                                        <li> <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">(+86-25)8652 1529</li>
                                        <li> <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">(+86-25)8652 1529</li>
                                        <li> <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <div class="title">南京课窝留学服务中心</div>
                                    <ul class="info">
                                        <li><img src="images/i13.png" alt="">4008 - 123 - 123</li>
                                        <li><img src="images/i14.png" alt="">(+86-25)8652 1529</li>
                                        <li> <img src="images/i15.png" alt="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <a href="#" class="btn">在线咨询</a>
                    </div>
                </div>
            </div>
            <div class="fr">
                <div class="banner"><img src="images/banner7.png" height="200" width="860" alt=""></div>
                <div class="part1">
                    <div class="common_top">
                        <span>专家解析</span>
                        <div class="fr"> </div>
                    </div>
                    <div class="text">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧。二楼和三楼眺台上分别悬挂着“不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗！”“伟大、光荣、正确的中国共产党万岁！”的横幅。</div>
                </div>
                <div class="part2">
                    <div class="common_top">
                        <span>专家推荐院校</span>
                        <div class="fr"> </div>
                    </div>
                    <ul class="list">
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="title">新加坡开播高等教育学校</a>
                            <div class="con">
                                <img src="" alt="">
                                <div class="intro">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”，后…</div>
                                <a href="#" class="go"><img src="images/icon_r.png" height="11" width="21" alt=""></a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="part3">
                    <div class="common_top">
                        <span>专家解答</span>
                        <div class="fr"> </div>
                    </div>
                    <ul class="big">
                        <li>
                            <div class="questions">
                                <div class="item"> 提问 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">李同学</div>
                                    <div class="time">于 2017/09/08 13：45：56 提问</div>
                                </div>
                                <div class="text">新加坡开播高等教育学院怎么样？</div>
                            </div>
                            <div class="answer">
                                <div class="item"> 回答 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">张老师</div>
                                    <div class="time">于 2017/09/08 13：45：56 回复</div>
                                </div>
                                <div class="text">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧</div>
                            </div>
                        </li>
                        <li>
                            <div class="questions">
                                <div class="item"> 提问 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">李同学</div>
                                    <div class="time">于 2017/09/08 13：45：56 提问</div>
                                </div>
                                <div class="text">新加坡开播高等教育学院怎么样？</div>
                            </div>
                            <div class="answer">
                                <div class="item"> 回答 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">张老师</div>
                                    <div class="time">于 2017/09/08 13：45：56 回复</div>
                                </div>
                                <div class="text">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧</div>
                            </div>
                        </li>
                        <li>
                            <div class="questions">
                                <div class="item"> 提问 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">李同学</div>
                                    <div class="time">于 2017/09/08 13：45：56 提问</div>
                                </div>
                                <div class="text">新加坡开播高等教育学院怎么样？</div>
                            </div>
                            <div class="answer">
                                <div class="item"> 回答 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">张老师</div>
                                    <div class="time">于 2017/09/08 13：45：56 回复</div>
                                </div>
                                <div class="text">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧</div>
                            </div>
                        </li>
                        <li>
                            <div class="questions">
                                <div class="item"> 提问 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">李同学</div>
                                    <div class="time">于 2017/09/08 13：45：56 提问</div>
                                </div>
                                <div class="text">新加坡开播高等教育学院怎么样？</div>
                            </div>
                            <div class="answer">
                                <div class="item"> 回答 </div>
                                <div class="user_info">
                                    <img src="" alt="">
                                    <div class="name">张老师</div>
                                    <div class="time">于 2017/09/08 13：45：56 回复</div>
                                </div>
                                <div class="text">人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧人民大会堂雄伟庄严，万人大礼堂气氛热烈。主席台上方悬挂着“中国共产党第十九次全国代表大会”的会标，后幕正中是镰刀和锤头组成的党徽，10面鲜艳的红旗分列两侧</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="want">我要提问</div>
            </div>
        </div>
    </section>
    <section class="b_infomation">
        <div class="title">新加坡留学网</div>
        <p>你进入新加坡最佳的捷径</p>
        <p>新加坡留学网是xx旗下专为新加坡留学说提供免费办理的新加坡留学中介平台</p>
        <ul class="w clearfix">
            <li><img src="images/ic1.png" alt="">
                <div class="text">权威官方服务平台专注教育10余年</div>
            </li>
            <li><img src="images/ic2.png" alt="">
                <div class="text">最好专业服务团队全程为你保驾护航</div>
            </li>
            <li><img src="images/ic3.png" alt="">
                <div class="text">10年期间累计学员超过上万人次</div>
            </li>
            <li><img src="images/ic4.png" alt="">
                <div class="text">最好的AEIS老师 命题中率高达96%</div>
            </li>
            <li><img src="images/ic5.png" alt="">
                <div class="text">新加坡众多学校官方直接授权，获得中国招生资格</div>
            </li>
        </ul>
        <h3>掌握新加坡留学费用、了解新加坡留学条件、充足备战新加坡留学</h3>
        <h3>选择我们，你的留学之路已经成功一半了</h3>
    </section>
    <footer class="common">
        <div class="w">
            <ul class="links">
                <li><a href="#">机构介绍</a></li>
                <li><a href="#">隐私条款</a></li>
                <li><a href="#">免责声明</a></li>
                <li><a href="#">网站地图</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <div class="text">增值电信业务经营许可证 苏B2-20130051 苏ICP备13024659号 Copyright © 2008-2017 AEIS.ORG.CN All Rights Reserved Powered by ning·mao.</div>
            <a href="#"><img src="images/logo2.png" class="logo" alt=""></a>
        </div>
    </footer>
    <div class="mask"></div>
    <div class="askquestions_popup">
        <div class="fl">
            <div class="text">我要提问</div>
            <div class="s">有什么疑惑，快来告诉我们吧~</div>
        </div>
        <div class="fr">
            <ul>
                <li>
                    <textarea placeholder="请在此处写下你的问题" name="" id="" cols="30" rows="10"></textarea>
                </li>
                <li>
                    <input type="text" placeholder="请填写您的姓名">
                </li>
                <li>
                    <input type="text" placeholder="请填写你的手机号">
                </li>
                <li>
                    <input type="text" placeholder="图片验证码" class="s">
                    <img src="" alt="" class="code">
                </li>
                <li>
                    <input type="text" placeholder="短信验证码" class="s">
                    <div class="get">获取验证码</div>
                </li>
            </ul>
            <div class="submit_btn">提交</div>
        </div>
    </div>
</body>
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
var swiper = new Swiper('.contact_carousel .swiper-container', {
    pagination: '.contact_carousel .swiper-pagination',
    paginationClickable: true,
    loop: true
});


var s = document.querySelector('.askquestions_popup .get');
var timer;
var num = 60;
var flag = true;


s.onclick = function() {
    if (flag) {
        clearInterval(timer);
        timer = setInterval(function() {
            flag = false;
            num--
            s.innerHTML = "重新获取" + num + "s";
            s.classList.add("countdown");
            if (num === 0) {
                clearInterval(timer)
                 s.classList.remove("countdown");
                s.innerHTML = "获取验证码";
                num = 60;
                flag = true;
            }
        }, 1000)
    }
};
$(".a1 .want").on("click",function () {
    $(".mask  , .askquestions_popup").show()
})
$(".mask ").on("click",function () {
    $(".mask  , .askquestions_popup").fadeOut(200);
})
</script>

</html>
